{% include 'QLGL/QLGL_index.html' %}
<div class="am-cf admin-main">
  {% include 'sidebar.html' %}
  <!-- content start -->
  <div class="admin-content">
    <div class="admin-content-body">
      <div class="am-cf am-padding">
        <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">桥梁数据</strong></div>
      </div>
      <div class="am-g" style="position: absolute;height: 100%;right: 0px;left: 260px;width: auto;">
        {% include 'QLGL/QLSJ/QLGL_QLSJ_SIDEBAR.html' %}
        <div class="am-u-sm-10" style="position: absolute;width:auto;right:0;left: 200px;height:85%;overflow-y: scroll;">
          <div class="am-u-sm-12 am-u-md-12">
            <div class="am-btn-toolbar">
              <div class="am-btn-group am-btn-group-xs">
                <button type="button" class="am-btn am-btn-primary am-btn-xs" onclick="back_to()">返回</button>
              </div>
            </div>
          </div>
          <div class="am-u-sm-12 am-u-md-12">
            <div class="am-tabs am-margin" data-am-tabs>
              <ul class="am-tabs-nav am-nav am-nav-tabs">
                <li class="am-active">
                  <a href="#tab1">基本信息</a>
                </li>
                <li>
                  <a href="#tab2">上部结构</a>
                </li>
              </ul>
              <div class="am-tabs-bd" style="overflow-x: scroll;">
                <div class="am-tab-panel am-fade am-in am-active" id="tab1"  style="width:auto;min-width: 100%;">
                  {% for i in datalist %}
                  <table class="am-table am-table-striped am-table-hover table-main am-table-compact am-text-nowrap" >
                    <thead>
                      <tr >
                        <th width="25">名称</th>
                        <th width="25">数据</th>
                        <th width="25">名称</th>
                        <th width="25">数据</th>
                        <th width="25">名称</th>
                        <th width="25">数据</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr class="odd">
                        <td colspan="6"><strong>行政识别数码</strong></td>
                      </tr>
                      <tr class="odd">
                        <td>线路编号</td>
                        <td> {{ i.line_no }} </td>
                        <td>线路名称</td>
                        <td> {{ i.line_name }} </td>
                        <td>路线等级</td>
                        <td> {{ i.param_line_level }} </td>
                      </tr>
                      <tr class="odd">
                        <td>桥梁编号</td>
                        <td> {{ i.bridge_code }} </td>
                        <td>桥梁名称</td>
                        <td> {{ i.bridge_name }} </td>
                        <td>桥位桩号</td>
                        <td> {{ i.pile_no }} </td>
                      </tr>
                      <tr class="odd">
                        <td>功能类型</td>
                        <td> {{ i.param_func_type }} </td>
                        <td>桥梁类型</td>
                        <td> {{ i.param_bridge_category }} </td>
                        <td>下穿通道名</td>
                        <td> {{ i.under_cross_road }} </td>

                      </tr>
                      <tr class="odd">
                        <td>设计负荷</td>
                        <td> {{ i.param_design_load }} </td>
                        <td>通行载重(t)</td>
                        <td> {{ i.run_load }} </td>
                        <td>桥梁纵坡(%)</td>
                        <td> {{ i.bridge_longitudinal_slope }} </td>

                      </tr>
                      <tr class="odd">
                        <td>桥梁横坡(%)</td>
                        <td> {{ i.bridge_cross_slope }} </td>
                        <td>桥面铺装</td>
                        <td> {{ i.param_deck_pavement }} </td>
                        <td>路段名</td>
                        <td> {{ i.section_name }} </td>

                      </tr>
                      <tr class="odd">
                        <td>管养单位</td>
                        <td> {{ i.maintenance_depart }} </td>
                        <td>建设年月</td>
                        <td> {{ i.build_date }} </td>
                        <td></td>
                        <td></td>
                      </tr>

                      <tr class="odd">
                        <td colspan="6"><strong>结构技术参数</strong></td>
                      </tr>

                      <tr class="odd">
                        <td>桥长（m）</td>
                        <td> {{ i.length }} </td>
                        <td>桥面总宽（m）</td>
                        <td> {{ i.bridge_total_width }} </td>
                        <td>车道道宽（m）</td>
                        <td> {{ i.driveway_width }} </td>
                      </tr>
                      <tr class="odd">
                        <td>桥面标高（m）</td>
                        <td> {{ i.deck_elevation }} </td>
                        <td>桥上净高（m）</td>
                        <td> {{ i.bridge_clear_height }} </td>
                        <td>桥下净高（m）</td>
                        <td> {{ i.under_height }} </td>
                      </tr>
                      <tr class="odd">

                        <td>引道总宽（m）</td>
                        <td> {{ i.approach_width }} </td>
                        <td>引道路面宽（m）</td>
                        <td> {{ i.approach_road_width }} </td>
                        <td>引道线性</td>
                        <td> {{ i.approach_linear }} </td>
                      </tr>
                      <tr class="odd">

                        <td>伸缩缝类型</td>
                        <td> {{ i.param_expansion_type }} </td>
                        <td>支座类型</td>
                        <td> {{ i.param_support_type }} </td>
                        <td>桥塔结构形式</td>
                        <td> {{ i.param_tower_structure_form }} </td>
                      </tr>
                      <tr class="odd">

                        <td>桥塔材料</td>
                        <td> {{ i.param_tower_material }} </td>
                        <td>地震动峰值加速度系数</td>
                        <td> {{ i.earthquake_pac }} </td>
                        <td>桥台护坡</td>
                        <td> {{ i.abutment_slope_protection }} </td>
                      </tr>

                      <tr class="odd">
                        <td>护墩体</td>
                        <td> {{ i.pier_body }} </td>
                        <td>调制构造物</td>
                        <td> {{ i.modulation_structure }} </td>
                        <td>常水位（m）</td>
                        <td> {{ i.water_level }} </td>
                      </tr>
                      <tr class="odd">
                        <td>设计水位（m）</td>
                        <td> {{ i.design_water_level }} </td>
                        <td>历史洪水位（m）</td>
                        <td> {{ i.historical_flood_level }} </td>
                        <td>交角（°）</td>
                        <td> {{ i.angle }} </td>
                      </tr>

                      <tr class="odd">

                        <td>桥墩样式</td>
                        <td> {{ i.param_pier_style }} </td>
                        <td>桥台样式</td>
                        <td> {{ i.param_abutment_style }} </td>
                        <td>桥台基础形式</td>
                        <td> {{ i.param_abutment_base_form }} </td>

                      </tr>
                      <tr class="text-c">
                        <td>桥塔基础材料</td>
                        <td> {{ i.param_tower_basis_material }} </td>
                        <td>桥塔基础形式</td>
                        <td> {{ i.param_tower_base_form }} </td>
                        <td>桥墩基础形式</td>
                        <td> {{ i.param_pier_base_form }} </td>

                      </tr>
                      <tr class="text-c">
                        <td>桥台材料</td>
                        <td> {{ i.param_abutment_material }} </td>
                        <td>中央隔离带（m）</td>
                        <td> {{ i.central_isolation_belt }} </td>
                        <td>伸缩位置</td>
                        <td> {{ i.expansion_position }} </td>
                      </tr>
                      <tr class="odd">

                        <td>建设单位</td>
                        <td> {{ i.construction_depart }} </td>
                        <td>设计单位</td>
                        <td> {{ i.design_depart }} </td>
                        <td>施工单位</td>
                        <td> {{ i.build_depart }} </td>
                      </tr>
                      <tr class="odd">

                        <td>备注</td>
                        <td> {{ i.remark }} </td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                      </tr>

                    </tbody>
                  </table>
                  {% endfor %}

                </div>

                <div class="am-tab-panel am-fade" id="tab2"  style="width:auto;min-width: 100%;">

                    <table class="am-table am-table-striped am-table-hover table-main am-table-compact am-text-nowrap" >
                      <thead>
                        <tr >
                          <th>项目序号</th>
                          <th >项目跨数</th>
                          <th >跨径布置（m）</th>
                          <th >桥面板位</th>
                          <th >上部结构受力型式</th>
                          <th >上部结构形式</th>
                          <th >上部结构材料</th>
                          <th >桥型</th>
                        </tr>
                      </thead>

                      <tbody>
                        {% for j in uplist %}
                        <tr class="odd">
                          <td>{{ forloop.counter }}</td>
                          <td>{{ j.span_number }}</td>
                          <td>{{ j.span_arrangement }}</td>
                          <td>{{ j.param_deck_board_position }}</td>
                          <td>{{ j.param_force_form }}</td>
                          <td>{{ j.param_form }}</td>
                          <td>{{ j.param_material }}</td>
                          <td>{{ j.param_bridge_type }}</td>
                        </tr>
                        {% endfor %}
                      </tbody>
                    </table>

                </div>



              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% include 'footer.html' %}
<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="/static/assets/js/jquery.min.js"></script>
<!--<![endif]-->
<script src="/static/assets/js/amazeui.min.js"></script>
<script src="/static/assets/js/amazeui.tree.js"></script>
<script type="text/javascript" src="/static/assets/js/layer.js"></script>
<script src="/static/assets/datatables/amazeui.datatables.min.js"></script>
<script src="/static/assets/dialog/amazeui.dialog.min.js"></script>
<link rel="stylesheet" type="text/css" href="/static/assets/css/amazeui.tree.css" />
<script src="/static/assets/js/app.js"></script>
<style type="text/css">
  .li_a {
    color: #5c5c5c;
  }
  
  .button_click {
    margin: 0 5px;
  }
</style>
<script type="text/javascript">
  $("#collapse-nav1").addClass("am-in");
  $("#qlgl").removeClass("am-collapsed");
  $("#qlglOqlsj").css("color", "#3399CC");
  $("#qlgl").css("color", "#3399CC");
  $("#qlsjOqllb").removeClass("li_a");

  var AlertMSG = function(msg) {
    AMUI.dialog.alert({
      title: '错误提示',
      content: msg,
      onConfirm: function() {
        console.log('close');
      }
    });
  }

  function back_to() {
    window.history.back(-1);
  }
</script>

</body>

</html>